Redesigning Norton App Lock Website - Adaptive Design
Background -
Norton App Lock is a mobile application that enables users to secure and protect their apps with passwords or bio metric authentication. As the lead UX-UI designer, I led the redesign of the Norton App Lock website to ensure optimal usability and visual consistency across various screen sizes and devices.
~
Objective -
The primary goal was to create an adaptive website that provided a seamless experience for users accessing the site on different devices, including smartphones and tablets.
Key objectives included:
1. Enhance mobile responsiveness for improved usability.
2. Maintain visual coherence and branding across all screen sizes.
3. Optimize user engagement and conversions on mobile platforms.
4. Implement adaptive design principles to cater to diverse device resolutions.
~
Research and Discovery -
To guide the redesign process, I conducted thorough research and analysis to understand user behaviors and device usage patterns:
User Persona Development:
Defined user personas specific to mobile app security and privacy concerns.
Device Usage Analysis:
Studied analytics data to identify prevalent mobile screen sizes and platforms among target users.
Competitor Bench-marking:
Analyzed competitor websites and mobile experiences to identify industry best practices.
~
Design Process -
1. Responsive Design Strategy
Based on research insights, I devised a responsive design strategy focused on adaptability and usability across various devices:
Fluid Layout: Utilized a fluid grid system to ensure content adapted smoothly to different screen widths.
Flexible Images and Media: Employed CSS techniques like max-width to ensure images scaled appropriately without distortion.
Media Queries: Implemented responsive breakpoints to adjust design elements based on device screen size and orientation.
2. Visual Design
The visual redesign prioritized consistency and user-centric design principles tailored to mobile devices:
Mobile-First Approach: Designed with mobile users in mind, ensuring a seamless experience on smaller screens before scaling up to larger devices.
Consistent Branding: Maintained consistent use of colors, typography, and brand assets to reinforce brand identity across devices.
3. User Interface (UI) Enhancements
To optimize usability and engagement on mobile platforms, I implemented UI enhancements specific to smaller screens:
Touch-Friendly Elements: Increased touch target sizes and optimized interactive elements for touchscreen navigation.
Simplified Navigation: Streamlined navigation menus and user flows for mobile devices to improve usability and accessibility.
4. Testing and Iteration
Throughout the design process, I conducted rigorous testing and iteration to validate the effectiveness of the adaptive design:
Device Testing: Used emulators and real devices to test the website's performance and responsiveness across a range of mobile screen sizes and orientations.
User Feedback Integration: Incorporated user feedback to refine design elements and address usability issues specific to mobile interactions.
~
Outcome -
The adaptive redesign of the Norton App Lock website resulted in significant improvements:
Enhanced Mobile Usability:
Users reported improved navigation and readability on mobile devices.
Increased User Engagement:
Reduced bounce rates and increased time spent on the site among mobile visitors.
Improved Conversion Rates:
Optimized call-to-action placement and user flows led to higher conversions on mobile platforms.
~
Conclusion -
The redesign of the Norton App Lock website with an adaptive design approach successfully addressed the challenges of optimizing usability and engagement across diverse mobile devices. By leveraging responsive design principles and prioritizing user experience, the new website achieved improved accessibility, engagement, and conversions on mobile platforms. Ongoing monitoring and optimization will continue to drive further enhancements and ensure a seamless experience for users accessing the site on various devices.
~
Thank You !
DISCLAIMER: This product is property of NortonLifeLock Inc. all involvement and designs were done while collaborating with the Norton Global Product Design team.
